<template>
  <div class="player-seat">
    <div class="nickname">{{ data.nickname }}</div>
    <div class="chips">筹码: {{ data.chips }}</div>
    <div class="status">状态: {{ data.status }}</div>
    <div class="cards">
      <span v-for="(card, idx) in data.cards" :key="idx">{{ card }}</span>
    </div>
  </div>
</template>
<script lang="ts" setup>
defineProps<{ data: { nickname: string; chips: number; status: string; cards: string[] } }>()
</script>
<style scoped>
.player-seat {
  display: inline-block;
  background: #444;
  border-radius: 8px;
  padding: 12px;
  margin: 8px;
  min-width: 120px;
  text-align: center;
}
.cards span {
  display: inline-block;
  margin: 0 2px;
  background: #fff;
  color: #222;
  border-radius: 3px;
  padding: 2px 6px;
}
</style> 